<!DOCTYPE html>
<html>
<head lang="en">
  <meta charset="UTF-8">
  <title>用户登录</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <meta name="format-detection" content="telephone=no">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp" />
  <link rel="stylesheet" href="./resources/css/amazeui.min.css"/>
  <style>
    .header {
      text-align: center;
    }
    .header h1 {
      font-size: 200%;
      color: #333;
      margin-top: 30px;
    }
    .header p {
      font-size: 14px;
    }
    .cm-cf {
      margin : 0 auto;
    }
    .demo-bar h1 {
      margin: 0;
      text-align: center;
      font-weight: 400;
      font-size: 20px;
    }
  </style>
  <script type="text/javascript" src="./resources/js/jquery/jquery-1.9.0.min.js"></script>
  <script type="text/javascript" src="assets/js/jquery.min.js"></script>
  <!--script type="text/javascript" src="assets/js/amazeui.min.js"></script -->
</head>
<body class="am-with-fixed-navbar">
  <div class="page pg-demo">
    <!-- <header class="demo-bar">
      <h1>考试系统</h1>
    </header> -->
    <div id="demo-view" data-backend-compiled="">
      <div data-am-widget="navbar" class="am-navbar am-cf am-navbar-default am-no-layout" id="">
        <ul class="am-navbar-nav am-cf sm-block-grid-4">
          <li>
            <a href="tel:123456789"><span class="am-icon-xing"></span> 
            <span class="am-navbar-label">考试</span></a>
          </li>
          <li data-am-navbar-share="">
            <a href="###"><span class="am-icon-file-text"></span> 
            <span class="am-navbar-label">作业</span></a>
          </li>
        </ul>
        <ul class="am-navbar-actions" id="am-navbar-actions-4hm2q">
        </ul>
      </div>
      <div class="am-list-news am-list-news-default">
        <div class="am-list-news-hd am-cf">
          <h2 style="float:none;">1. 以下说法正确的是：</h2>
        </div>

        <div class="am-list-news-bd">
           <ul class="am-list">
              <li class="am-g am-list-item-desced am-list-item-thumbed am-list-item-thumb-top">
                <div class="am-list-thumb am-u-sm-12">
                  <a href="http://www.douban.com/online/11614662/" class="">
                    <img src="http://img5.douban.com/lpic/o636459.jpg"/>
                  </a>
                </div>
                <div><h3>&nbsp;</h3></div>
                <div class="am-radio">
                    <input type="radio" name="doc-radio-1" value="A">
                    A. 窗前明月光
                </div>
                <div class="am-radio">
                    <input type="radio" name="doc-radio-1" value="A">
                    B. 疑是地上霜
                </div><div class="am-radio">
                    <input type="radio" name="doc-radio-1" value="B">
                    C. 举头望明月
                </div>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <!-- 内容 -->
    </div>
    <div>
      <ul class="am-pagination">
        <li class="am-pagination-prev">
          <a href="../../../../widgets/menu/one/0">上一题</a>
        </li>
        <li class="am-pagination-next">
          <a href="../../../../widgets/navbar/default/1">下一题</a>
        </li>
      </ul>
    </div>
  </div>
</body>
<script>
  function load(){
    $.ajax({
      url : "data.json",
      type : "GET",
      success : function(data,status){
        console.log(data);
      }
    })
  }
  load();
</script>
</html>